<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>个人信息</title>
		<script src="../js/mui.js"></script>
		<link href="../css/mui.css" rel="stylesheet" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
		<link rel="stylesheet" href="../css/common.css" />
		<link rel="stylesheet" href="../css/reg.css" />
		<script type="text/javascript" src="../js/common.js"></script>
		<style>
			.header {
				height: 2.4rem;
			}
			
			.mylogo {
				width: 1.42rem;
				height: 1.42rem;
				margin-top: 0.5rem;
				margin-left: 0.4rem;
				display: inline-block;
				float: left;
			}
			
			.uesr_cont {
				margin-top: 0.3rem;
			}
			
			.user_name {
				margin-left: 0.4rem;
				font-size: 0.3rem;
				color: #323232;
			}
			
			.sex {
				margin-left: 0.4rem;
				color: #999999;
				font-size: 0.3rem;
			}
			
			.leave {
				margin-left: 0.7rem;
				color: #646464;
				font-size: 0.3rem;
			}
			
			.user_phone {
				margin-left: 0.4rem;
				color: #999999;
				font-size: 0.3rem;
			}
			
			.pname {
				margin-left: 0.4rem;
				font-size: 0.3rem;
				color: #646464;
			}
			
			.gray {
				background: #F0F0F0;
				height: 0.2rem;
			}
			.cont p{
				color: #343434;
				width: 100%;
				height: 1rem;
				line-height: 1rem;
				background: white;
				font-size: 0.36rem;
				font-weight: bold;
				margin:0;
				border-bottom: 1px solid #DFDFE0;
			}
		</style>
	</head>

	<body>

		<div class="mui-content">
			<div class="header" style="background: #FFFFFF;">
				<img src="../images/mylogo.png" class="mylogo" />
					<div style="float: left;">
					<p class="uesr_cont"><span class="user_name"></span><span class="sex"></span><span class="leave"></span></p>
					<p class="user_phone"></p>
					<p class="pname">我的推荐人：<span></span></p>
					</div>
				<img src="../images/left.png" style="position: absolute;top: 1rem;right: 0.2rem;width:0.5rem;height: 0.5rem;" />
			</div>
			<div class="gray"></div>
			<div class="cont">
				<p id="QR">&nbsp;&nbsp;&nbsp;&nbsp;我的推荐二维码</p>
				<div class="gray"></div>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;身份证号：<span>???</span>********<span>????</span></p>
				<p id="revise_password">&nbsp;&nbsp;&nbsp;&nbsp;修改密码</p>
				<p id="help">&nbsp;&nbsp;&nbsp;&nbsp;用户帮助</p>
				<p id="about">&nbsp;&nbsp;&nbsp;&nbsp;关于我们</p>
				<div class="gray"></div>
				<p id="clear">&nbsp;&nbsp;&nbsp;&nbsp;退出登录</p>
			</div>
			
		</div>

	</body>

</html>
<script>
	document.querySelector(".user_name").innerHTML = sessionStorage.userName;
	document.querySelector(".user_phone").innerHTML = sessionStorage.mobile;
	if (sessionStorage.pname == "undefined") {
		document.querySelector(".pname span").innerText = "无推荐人";
	} else {
		document.querySelector(".pname span").innerHTML = sessionStorage.pname;
	}
	document.getElementById('QR').addEventListener('tap', function() {
		mui.openWindow({
			url:'QR.html',
		});
	});	
	document.getElementById('revise_password').addEventListener('tap', function() {
		mui.openWindow({
			url:'revise_password.html',
		});
	});	
	document.getElementById('clear').addEventListener('tap', function() {
		sessionStorage.clear();
		alert("退出成功")
		mui.openWindow({
			url:'../index.html',
		});
	});	
	document.getElementById("help").addEventListener("tap",function(){
		mui.openWindow({
			url:'../../api/v1/agreement/help',
		});
	})
	document.getElementById("about").addEventListener("tap",function(){
		mui.openWindow({
			url:'../../api/v1/agreement/about',
		});
	})
	
	
	
	
	
</script>